<template>
	<div class="home">
		<div class="top">
			<Header1></Header1>
		</div>
		<div class="bottom">
			<div class="left">
				<LeftNav v-if="isShow1"></LeftNav>
				<LeftNav1 v-if="isShow"></LeftNav1>
			</div>
			<div class="right">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>
<script>
import LeftNav from "../../components/background/leftNav"
import LeftNav1 from "../../components/background/leftNav1"
import Header1 from "../../components/background/header"
export default {
	// 数据中心
	data() {
		return {
			isShow: false,
			isShow1: true,
		}
	},
	components: {
		LeftNav,
		LeftNav1,
		Header1,
	},
}
</script>
<style lang="scss" scoped>
.home {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	.top {
		width: 100%;
		height: 50px;
	}
	.bottom {
		display: flex;
		height: calc(100% - 50px);

		.left {
			width: 200px;
			height: 100%;
			position: relative;
			overflow-y: auto;
			overflow-x: hidden;
		}
		.right {
			width: calc(100% - 200px);
			height: 100%;
			background-color: #f2f2f2;
			overflow: auto;
		}
	}
}
</style>
